<template>
  <div id="app">
    <router-view></router-view>
  </div>
</template>

<script>
// import storage from './storage'
export default {
  name: 'app',
  components:{

  },
  data(){
    return {
      // res:{

      // }
    }
  },
  mounted(){
    if(this.$cookie.get('userId')){
      this.getUser();
      this.getCartCount();
    }
    
    // storage.setItem('a',1);
    // storage.setItem('user',{a:1});
    // storage.setItem('abc',{a:1},'user');
    // storage.clear('a');
    // storage.clear('a','user');
    
    // 本地加载请求静态json文件的形式
    // this.axios.get('/mock/user/login.json').then((res)=>{
    //   this.res = res;
    // });

    // 通过easy-mock平台实现数据mock
    // this.axios.get('/user/login').then((res)=>{
    //   this.res = res;
    // })

    // 本地集成mockjs实现数据mock，github搜索mockjs(无真实请求)
    // this.axios.get('/user/login').then((res)=>{
    //   this.res = res;
    // }) 
  },
  methods:{
    getUser(){
      this.axios.get('/user').then((res={})=>{
        // to-do 保存到vuex里面
        this.$store.dispatch('saveUserName',res.username);
      }).catch(() =>{
          
        });
    },
    getCartCount(){
      this.axios.get('carts/products/sum').then((res=0)=>{
        // to-do 保存到vuex里面
        this.$store.dispatch('saveCartCount',res);
        console.log(res)
      }).catch(() =>{
          
        });
    }
  }         
}                                                                       
</script>

<style lang='scss'>
@import './assets/scss/reset.scss';
@import './assets/scss/config.scss';
@import './assets/scss/button.scss';
</style>
